/* 
    Document   : cssBCCStore
    Created on : Nov 19, 2012, 9:51:26 AM
    Author     : berto
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root{
    display: block;
}

body {
margin:0;
text-align:center;
}



div,h1,h2,h3,input,label,select,textarea,button {
font-family:Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin: 0;
}

form {
    margin-top : 0.5em;
    margin-bottom : 0.5em;
}

ul {
   padding-left: 1em; 
}

li {
    text-align: left;
    list-style: none;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
}


textarea {
resize:none;
}

/*Link*/
a {
outline:none;
color:#3C5078;
text-decoration:none;
background-color:transparent;
}


#bccStore_it{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    margin-top:2%;
    overflow: auto;
    margin-bottom: 2%;
}

#header {
    overflow: auto ;
}

#imageHeader {
    display: inline;
    float:left;
}

#headerText{
    padding-left: 4%;
    float: left;
}

/*CONTENT*/


#main{
    margin-top:2%;
    overflow: auto;
}

#login{
    text-align: right;
    margin-right: 2%;
    background-color:#FFFFFF;
}


#login a ,p ,h2{
    display: inline;
}

.button{
    box-shadow: 0px 0px 4px #888888;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    margin-left: 1em;
}

#searchbox{
    border:1px solid #D0D0C9;
    width: 97%;
    padding: 1% 1% 1% 1%;
    float: left;
    border-radius: 5px 5px 5px 5px;
    background-color:#EFEFEF;
    background: linear-gradient(top, #EFEFEF 95%,#D4D4D4 100%);

}

label{
    color: #666;
    margin: 0em 0.5em 0em 0.5em;
}

#searchbox h3{
    text-align: left;
    font-size: 1em;
    background-color: #ffffff;
    padding: 0.5em;
    margin: 0;
}

#leftCol{
    float:left;
    width: 16%;
    background-color:#EFEFEF;
    border-radius:4px 4px 5px 5px;
    border:1px solid #D0D0C9;
    padding:2% 2% 2% 2%;
}

#leftCol a {
    outline:none;
    color:#3C5078;
    text-decoration:none;
    background-color:transparent;
    font-size: 1.2em;
}

#contents{
    background-color:#EFEFEF;
    text-align: left;
    width: 70%;
    margin-left: 25%;
    border-radius:5px 5px 5px 5px;
    border:1px solid #D0D0C9;
    padding: 2% 2% 2% 2%;    
}

#utilities{
    padding-top: 2%;    
}


#contents h2{
    margin: 0em 0em 1em 0em;
}

.content{
    margin-bottom: 2%;
    padding-bottom: 1%;
    border-bottom: 1px solid #D0D0C9;
    overflow: auto;
}

.content table, .content th, .content td{
    border : 1px solid #D0D0C9;
}

.content img{
    width: 39%;
    padding: 0;
    margin: 0;
    float: left;
    border: 1px solid #D0D0C9;
}

table input{
    width: 200px;
    padding: 2px;
    margin : 2px;
    float: left;
    border: 1px solid #D0D0C9;
}

#captcha{
    width: 200px;
}

.details{
    float:left;
    width: 58%;
    padding-left: 1%;
}

.details h4{
    font-size: 0.8em;
    padding: 0;
    margin: 0;
}

.details p{
    margin-top: 0;
}

.mainfields .search_category{
    width:334px;
}

.mainfields select{
    height:34px;
    font-size:16px;
    border:none;
    cursor:pointer;
    padding:7px;
    width:118%;
}

#footer{
    width: 97%;
    background-color:#EFEFEF;
    border-radius:4px 4px 5px 5px;
    border:1px solid #D0D0C9;
    padding:1% 1% 1% 1%;
    margin:1% 0% 1% 0%;
}

